$(function () {
    function render() {
        $.ajax({
            url: '/cart/queryCart',
            type: 'get',
            success: function (info) {
                if (info.error) {
                    location.href = 'login.html?backUrl=' + location.href
                }
                $('.mui-scroll').html(template('tmp', { list: info }))
            }
        })
    }


    mui.init({
        pullRefresh: {
            container: ".mui-scroll-wrapper",//下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
            down: {
                height: 50,//可选,默认50.触发下拉刷新拖动距离,
                auto: true,//可选,默认false.首次加载自动下拉刷新一次
                contentdown: "下拉可以刷新",//可选，在下拉可刷新状态时，下拉刷新控件上显示的标题内容
                contentover: "释放立即刷新",//可选，在释放可刷新状态时，下拉刷新控件上显示的标题内容
                contentrefresh: "正在刷新...",//可选，正在刷新状态时，下拉刷新控件上显示的标题内容
                callback: function () {
                    setTimeout(function () {
                        mui('.mui-scroll-wrapper').pullRefresh().endPulldownToRefresh();
                        render()
                    }, 1000)
                }//必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
            }
        }
    })


    // 删除
    $('.main').on('tap', '.btn_delete', function () {
        var id = $(this).parent().data('id')
        mui.confirm('是否删除这件商品', '温馨提示', ['是', '否'], function (e) {
            if (e.index === 0) {
                $.ajax({
                    url: '/cart/deleteCart',
                    type: 'get',
                    data: {
                        id: [id]
                    },
                    success: function (info) {
                        console.log(info)
                        if (info.success) {
                            mui('.mui-scroll-wrapper').pullRefresh().pulldownLoading()
                        }
                    }
                })
            }
        })
    })


    // 修改
    $('.main').on('tap', '.btn_edit', function () {
        var obj = $(this).parent()[0].dataset
        var html = template('tmp2', obj)
        html = html.replace(/\n/g, '')
        mui.confirm(html, '编辑商品', ['确定', '取消'], function (e) {
            
            if (e.index === 0) {
                // 获取修改的数据
                $.ajax({
                    url: '/cart/updateCart',
                    type: 'post',
                    data: {
                        id: obj.id,
                        size: $('.size span.active').text(),
                        num:$('[type="number"]').val()
                    },
                    success: function (info) {
                        if (info.success) {
                            mui('.mui-scroll-wrapper').pullRefresh().pulldownLoading()
                        }
                    }
                })
            }
        })
        // 给尺码注册点击事件
        $('.size span').on('click', function () {
            $(this).addClass('active').siblings().removeClass('active')
        })
        // 只有confirm了这个盒子才算出来才能初始化
        mui('.mui-numbox').numbox()
        
    })

    // 计算价格
    $('.main').on('change', '[type="checkbox"]', function () {
        var total = 0;
        $('[type="checkbox"]:checked').each(function () {
            total += this.dataset.price * this.dataset.num
        })
        $('.total_price').text(total.toFixed(2))
    })
})